.FixedNavbar{
	background-color: blue;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	display: none;
	.center{
		width: 1190px;
		margin: 0 auto;
		display: flex;
		.core{
			line-height: 36px;
			margin-left: 30px;
			height: 36px;
			line-height: 44px;
			border: 1px solid blue;
			text-align: center;
			select{
				width: 70px;
				height: 100%;
				border: none;
				border-right: 1px dashed darkgoldenrod;
				option{
					border: none;
				}
			}
			input{
				width: 640px;
				height: 100%;
				margin-left: -6px;
			}
			span,a{
				display: inline-block;
				height: 100%;
				line-height: 32.5px;
				color: white;
				margin-left: 10px;
			}
		}
	}
	.FixedNavLeft{
		position: fixed;
		top: 200px;
		left:50%;
		margin-left: -640px;
		z-index: 999;
		ul{
			background-color: darkgoldenrod;
			li{
				height: 40px;
				width: 30px;
				border: 1px dashed firebrick;
				font-size: 12px;
			}
		}
	}
	.color{
		background-color: blueviolet;
	}
}

.FixedNavRight{
	position: fixed;
	left: 50%;
	margin-left: 595px;
	z-index: 999;
	.center{
		width: 40px;
		height: 100%;
		background-color: #49434d;
		margin: 0 auto;
		.FixRight{
			margin-top: 100px;
			color: white;
			ul{
				margin: 60px 0;
				text-align: center;
				position: relative;
				li{
					margin-bottom: 5px;
					span{
						font-size: 26px;
					}
				}
				.shopArea{
					position: absolute;
					left: -200px;
					top: 0px;
					height: 400px;
					width: 200px;
					background-color: white;
					overflow: scroll;
					display: none;
					.cloneDl{
						display: flex;
						align-items: center;
						font-size: 12px;
						margin-bottom: 10px;
						border: 2px solid darkgray;
						color: black;
						height: 60px;
						dt{
							border-right: 1px solid darkgray;
							img{
								width: 60px;
							}
						}
						dd{
							flex: 1;
							p{
								text-align: center;
								padding: 3px;
							}
						}
					}
				}
			}
			.goTop{
				text-align: center;
				font-size: 12px;
			}
		}
	}
}

.header{
	background-color: #f5f5f5;
	.center{
		width: 1190px;
		margin: 0 auto;
		.header-top{
			overflow: hidden;
			img{
				width: 100%;
			}
		}
		.header-bottom{
			display: flex;
			height: 40px;
			background-color: #f7f7f7;
			justify-content: space-between;
			.ul1{
				width: 220px;
				display: flex;
				justify-content: space-around;
				font-size: 12px;
				line-height: 40px;
				li{
					font-size: 14px;
					span{
						color: deeppink;
						font-size: 16px;
					}
				}
			}
			.ul2{
				width: 800px;
				display: flex;
				justify-content: space-evenly;
				line-height: 40px;
				li:nth-of-type(6){
					ul{
						position: absolute;
						z-index: 10;
						width: 300px;
						#imgLi{
							margin-top: 10px;
							img{
								display: inline-block;
								width: 150px;
							}
						}
					}
				}
				li{
					font-size: 12px;
					.a1{
						color: deeppink;
					}
					.iconfont{
						font-size: 16px;
						color: deeppink;
					}
					ul{
						margin-top: -10px;
						width:60px ;
						display: none;
						position: absolute;
						z-index: 10;
						background-color: white;
						li{
							text-align: center;
							height: 20px;
							margin-bottom: 5px;
						}
					}
				}
				li:nth-of-type(5){
					span{
						color: red;
					}
				}
			}
		}
	}
}

.search{
	.center{
		width: 1190px;
		margin: 0 auto;
		.sea-ul{
			height: 113px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			li:nth-of-type(1){
				width: 180px;
			}
			li:nth-of-type(2){
				width: 520px;
				.p1{
					height: 36px;
					border: 1px solid blue;
					text-align: center;
					select{
						width: 70px;
						height: 100%;
						border: none;
						border-right: 1px dashed darkgoldenrod;
						option{
							border: none;
						}
					}
					input{
						width: 340px;
						height: 100%;
					}
					span{
						display: inline-block;
						width: 98px;
						height: 100%;
						line-height: 32.5px;
						background-color: blue;
					}
				}
				.p2{
					margin-top: 2px;
					span{
						display: inline-block;
						padding: 0px 10px;
						border-right: 1px solid darkgray;
						color: rgba(0,0,0,0.5);
						font-size: 12px;
					}
					span:nth-of-type(7){
						border: none;
					}
				}
			}
			li:nth-of-type(3){
				width: 260px;
				height: 40px;
				position: relative;
				overflow: hidden;
				ul{
					position: absolute;
					top: 0px;
					margin-top: -0px;
					li{
						height: 40px;
						display: flex;
						.left{
							span{
								font-size: 40px;
								color: blue;
							}
						}
						.right{
							font-size: 16px;
							margin-left: 10px;
						}
					}
				}
			}
		}
	}
}

.Carousel{
	.center{
		background-color: white;
		width: 1190px;
		height: 520px;
		margin: 0 auto;
		position: relative;
		.CarUl{
			position: relative;
			display: flex;
			justify-content: space-between;
			>li{
				height: 45px;
				line-height: 45px;
			}
			>li:first-child{
				background-color: blue;
				color: white;
				width: 170px;
				// opacity: 0.6;
				text-align: center;
				a{
					span{
						margin-right: 5px;
					}
				}
				ul{
					position: absolute;
					z-index: 10;
					li{
						color: white;
						height: 52.9px;
						width: 170px;
						background-color: #07393a;
						.center{
							width: 720px;
							text-align: left;
							background-color: white;
							color: darkblue;
							position: absolute;
							left:170px;
							top:0px;
							display: none;
							dl{
								display: flex;
								padding: 8px 0;
								border-bottom: 1px solid darkgray;
								dt{
									width: 150px;
									text-align: center;
									color: black;
								}
								dd{
									width: 500px;
									display: flex;
									flex-wrap: wrap;
									align-items: center;
									span{
										margin: 0 10px;
										font-size:14px;
										color: rgba(0,0,0,0.7);
									}
								}
							}
							dl:last-child{
								border: none;
							}
							div{
								border-bottom: 2px solid darkgray;
								span{
									margin: 0 22px;
								}
								span:nth-of-type(1){
									margin-left: 30px;
								}
							}
						}
						.right{
							display: none;
							position: absolute;
							width: 300px;
							left: 890px;
							height: 520px;
							top: 0px;
							z-index: 30;
							background-color: white;
							dl:nth-of-type(1){
								margin-left: 40px;
								color: black;
								border-bottom: 1px solid darkgray;
								dd{
									img{
										display: inline-block;
										margin: 2px 10px;
									}
								}
							}
							dl:nth-of-type(2){
								margin-left: 40px;
								color: black;
								display: flex;
								flex-wrap: wrap;
								font-size: 12px;
								justify-content: space-around;
								dt{
									width: 300px;
								}
								dd{
									width: 60px;
									line-height: 20px;
								}
							}
						}
						.ICanSee{
							display: block;
						}
					}
				}
			}
		}
		.img{
			height: 500px;
			position: relative;
			width: 1190px;
			overflow: hidden;
			.CarouselImg{
				display: flex;
				position: absolute;
				z-index: 1;
				img{
					width: 1190px;
				}
			}
			.CarouselSpan{
					position: absolute;
					z-index: 2;
					left: 400px;
					top: 430px;
					width: 500px;
					display: flex;
					text-align: center;
					justify-content: space-between;
				span {
					display: inline-block;
					width: 100px;
					height: 30px;
					line-height: 30px;
					background-color: white;
					opacity: 0.8;
					border-radius: 8px;
				}
				.color{
					background-color: orange;
				}
			}
			// .right{
			// 	right: 0;
			// 	top: 50px;
			// 	height: 420px;
			// 	width: 200px;
			// 	background-color: rgba(255,255,255,0.8);
			// 	position: absolute;
			// 	z-index: 2;
			// 	p{
			// 		margin-top: 20px;
			// 		display: flex;
			// 		justify-content: space-between;
			// 		a{
			// 			display: inline-block;
			// 			padding: 4px 0;
			// 			width: 100px;
			// 			font-size: 14px;
			// 			text-align: center;
			// 		}
			// 		.aColor{
			// 			background-color: blue;
			// 			color: white;
			// 		}
			// 	}
			// 	.right_dl{
			// 		display: block;
			// 	}
			// 	dl{
			// 		display: none;
			// 		font-size: 12px;
			// 		dt{
			// 			width: 100px;
			// 		}
			// 		dd{
			// 			padding: 10px 0;
			// 			text-align: center;
			// 		}
			// 		dd:nth-of-type(7){
			// 			border-radius: 20px;
			// 			text-align: center;
			// 			background-color: #9c73f3;
			// 			margin: 10px 0;
			// 			span{
			// 				font-size: 20px;
			// 			}
			// 			span:nth-of-type(2){
			// 				margin: 0 20px;
			// 			}
			// 		}
			// 		dd:nth-of-type(8){
			// 			display: flex;
			// 			justify-content: space-between;
			// 			ul{
			// 				text-align: center;
			// 				font-size: 12px;
			// 				span{
			// 					font-size: 30px;
			// 					color: blue;
			// 					font-weight: 500;
			// 				}
			// 			}
			// 		}
			// 	}
			// }
		}
		>.right{
			right: 0;
			top: 100px;
			height: 420px;
			width: 200px;
			background-color: rgba(255,255,255,0.8);
			position: absolute;
			z-index: 2;
			p{
				margin-top: 20px;
				display: flex;
				justify-content: space-between;
				a{
					display: inline-block;
					padding: 4px 0;
					width: 100px;
					font-size: 14px;
					text-align: center;
				}
				.aColor{
					background-color: blue;
					color: white;
				}
			}
			.right_dl{
				display: block;
			}
			dl{
				display: none;
				font-size: 12px;
				dt{
					width: 100px;
				}
				dd{
					padding: 10px 0;
					text-align: center;
				}
				dd:nth-of-type(7){
					border-radius: 20px;
					text-align: center;
					background-color: #9c73f3;
					margin: 10px 0;
					span{
						font-size: 20px;
					}
					span:nth-of-type(2){
						margin: 0 20px;
					}
				}
				dd:nth-of-type(8){
					display: flex;
					justify-content: space-between;
					ul{
						text-align: center;
						font-size: 12px;
						span{
							font-size: 30px;
							color: blue;
							font-weight: 500;
						}
					}
				}
			}
		}
	}
}

.content{
	background-color: #f5f5f5;
	.center{
		margin: 0 auto;
		width: 1190px;
		padding-bottom: 15px;
		>p{
			padding: 10px 0;
			font-size: 20px;
			color: black;
			span{
				color: red;
				font-size: 24px;
			}
		}
		.shop{
			display: flex;
			justify-content: space-evenly;
			dl{
				width: 220px;
				height: 300px;
				margin-right: 10px;
				dt{
					position: relative;
					margin-top: 15px;
					height: 160px;
					img{
						position: absolute;
						width: 220px;
					}
				}
				dd{
					height: 110px;
					text-align: center;
					width: 200px;
					background-color: #e2fbf7;
					border: 2px solid hotpink;
					margin:10px 0px 10px 8px;
					.shop_inner{
						margin-left: 15px;
						margin-top: 15px;
						border: 4px solid khaki;
						font-size: 14px;
						width: 160px;
						p{
							padding: 4px;
							color: rgba(0,0,0,0.5);
							span:first-child{
								color: palevioletred;
								font-size: 14px;
								margin-right: 4px;
							}
							span:last-child{
								font-size: 12px;
								text-decoration: line-through;
							}
						}
						p:first-child{
							color: black;
						}
					}
				}
			}
			dl:nth-of-type(1){
				background-image: url(../img/hot_sale01.png);
			}
			dl:nth-of-type(2){
				background-image: url(../img/hot_sale02.png);
			}
			dl:nth-of-type(3){
				background-image: url(../img/hot_sale03.png);
			}
			dl:nth-of-type(4){
				background-image: url(../img/hot_sale04.png);
			}
			dl:nth-of-type(5){
				background-image: url(../img/hot_sale05.png);
			}
		}
	}
}

.doctor{
	background-color: #f5f5f5;
	.center{
		margin: 0 auto;
		width: 1190px;
		padding-bottom: 15px;
		>p{
			padding: 10px 0;
			font-size: 20px;
			color: black;
			span{
				color: red;
				font-size: 24px;
			}
	}
		.woman{
			display: flex;
			justify-content: space-evenly;
			dl{
				width: 180px;
				background-color: white;
				text-align: center;
				dt{
					img{
						margin-left: 35px;
						margin-bottom: 10px;
					}
				}
				dd{
					margin-top: 7px;
					color: rgba(0,0,0,0.5);
				}
				dd:nth-of-type(1){
					color: black;
				}
				dd:nth-of-type(2){
					font-size: 12px;
					span{
						color: orange;
						font-size: 20px;
					}
				}
				dd:last-child{
					border: 1px solid red;
					border-radius: 10px;
					color: red;
					width: 140px;
					margin-left: 20px;
				}
			}
		}
	}
}

.footer{
	background-color: #f5f5f5;
	.center{
		width: 1190px;
		margin: 0 auto;
		img{
			width: 1190px;
		}
	}
}